<!DOCTYPE html>
<html>
<head>
<title>菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta charset="utf-8" />
<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="static/bootstrap/css/bootstrap-theme.min.css" />
<script src="static/jquery/jquery-1.12.4.js"></script>
<script src="static/bootstrap/js/bootstrap.js"></script>
<style type="text/css">
    html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; }
    img { border:0; }
    ul { list-style: none outside none; margin:0; padding: 0; }
    body {
        background-color:#eee;
    }
    body .mainmenu:after { clear: both; content: " "; display: block; }

    body .mainmenu li{
        float:left;
        margin-left: 2.5%;
        margin-top: 2.5%;
        width: 30%; 
        border-radius:3px;
        overflow:hidden;
    }

    body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
    body .mainmenu li a b{
        display:block; height:80px;
    }
    body .mainmenu li a img{
        margin: 15px auto 15px;
        width: 50px;
        height: 50px;
    }

    body .mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

    body .mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
    body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
    body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
    body .mainmenu li:nth-child(8n+4) {background-color:#84d018}
    body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
    body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
    body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
    body .mainmenu li:nth-child(8n+8) {background-color:#fc5366}
</style>
</head>

<body>
<div class="container">
 	<h3>审批</h3>
   <div class="row" id="row1">
	   <div class="col-sm-4 col-md-4 col-lg-4 col-xs-4 "><button style ="width:80px;margin:5px;" class="btn btn-primary" onclick="unreviewed()">未审批</button></div>
		<div class="col-sm-4 col-md-4 col-lg-4 col-xs-4 "><button style ="width:80px;margin:5px;" class="btn btn-primary" onclick="reviewed()">已审批</button></div>
   </div>
</div>
 <ul id="main" class="list-group" style="text-align:center">     
 </ul>
	
    <ul class="mainmenu">
        <li><a href="app/attendance.do" ><b><img src="images/tb01.png" /></b><span>每日考勤</span></a></li>
        <li><a href="app/safe.do" ><b><img src="images/tb02.png" /></b><span>安全巡检</span></a></li>
        <li><a href="/" ><b><img src="images/tb03.png" /></b><span>工作汇报</span></a></li>
        <li><a href="/" ><b><img src="images/tb04.png" /></b><span>工程联系单</span></a></li>
        <li><a href="/" ><b><img src="images/tb05.png" /></b><span>资金申请</span></a></li>
        <li><a href="/" ><b><img src="images/tb06.png" /></b><span>预警提示</span></a></li>
        <li><a href="/" ><b><img src="images/tb06.png" /></b><span>竣工申请</span></a></li>
        <li><a href="/" ><b><img src="images/tb07.png" /></b><span>联系我们</span></a></li>
        <li><a href="/" ><b><img src="images/tb08.png" /></b><span>在线留言</span></a></li>         
    </ul>
    <br><br><br><br><br>
    <button id="back" type="button" class="btn btn-primary"  style="width:100%;"
	    data-toggle="button"> 后退
	</button>
</body>
<script>
$(document).ready(function() {
	$.ajax({
		type : 'POST',
		url : "/app/projectitemlist.do",
		contentType : "application/json",
		success : function(data) {
			$.each(data,function(i,val){
				$("#main").append("<li id='li"+i+"' onclick=\"window.location.href='/app/menu.do?id="+val.id+"'\">"+val.name+"</li>");	//在ul标签上动态添加li标签
				$("#li"+i).attr("class",'list-group-item');		//为li标签添加class属性
			});
		},
		dataType : "json"
	});
	
});
$("#back").click(function(){
	history.back();
});

function reviewed(){
	window.location.href = '/app/reviewed.do';
}
function unreviewed(){
	window.location.href = '/app/unreviewed.do';
}
</script>
</html>